// 显示注册页面
document.querySelector('.goRegister').addEventListener('click',function(){
    document.querySelector('.login').style.display = "none"
    document.querySelector('.register').style.display = "block"
})

// 显示登录页面
document.querySelector('.goLogin').addEventListener('click',function(){
    document.querySelector('.register').style.display = "none"
    document.querySelector('.login').style.display = "block"
})

// 注册功能
document.querySelectorAll('.btn-primary')[0].addEventListener('click',async function(e){
    e.preventDefault()
    // 1.收集表单数据
    const username = document.querySelector('[name="username"]').value
    const password = document.querySelector('[name="password"]').value

     // 2.判断数据的合法性(非空,或者长度是否合法)
     if(username === "" || password ===""){
        return Toast.fail("用户名或密码不能为空")
    }else if(username.length < 2 || username.length > 15){
        return Toast.fail("用户名长度必须在2-30位之间")
    }else if(password.length < 6 || password.length > 15){
        return Toast.fail("密码长度必须在6-30位之间")
    }
    // 3.将数据发送到服务器
    const {data}  = await axios.post('/api/register',{username,password})
    console.log(data);

    // 4.注册成功之后显示登录页面,隐藏注册页面
    document.querySelector('.register').style.display = "none"
    document.querySelector('.login').style.display = "block"
    document.querySelector('form').reset()
})


// 登录功能
document.querySelectorAll('.btn-primary')[1].addEventListener('click',async function(e){
    e.preventDefault()
    // 1.收集表单数据
    const username = document.querySelectorAll('[name="username"]')[1].value
    const password = document.querySelectorAll('[name="password"]')[1].value
    // console.log(username,password);

    // 2.判断数据的合法性(非空,或者长度是否合法)
    if(username === "" || password ===""){
        return Toast.fail("用户名或密码不能为空")
    }else if(username.length < 2 || username.length > 15){
        return Toast.fail("用户名长度必须在2-30位之间")
    }else if(password.length < 6 || password.length > 15){
        return Toast.fail("密码长度必须在6-30位之间")
    }
    // 3.将数据发送到服务器
    const {data}  = await axios.post('/api/login',{username,password})
    console.log(data);

    localStorage.setItem('token',data.token)
    // 4.登录成功之后跳转到首页
    location.href = './index.html'
})